<template>
   <div>
    <h1>{{ count }}</h1>
  </div>
</template>

<script>

export default {
    name:"App",
    data(){
        return {
            count:1
        }
    },
    /* 
    new Vue之后,先初始化了事件系统和生命周期系统,数据等等都没有开始放在实例上
  */
beforeCreate(){
console.log(this);
// debugger
},
/*
在create之前 拿到了data数据 并在组件实例上放入了_data_属性，
保存data数据
并且进行了数据代理和数据劫持的操作
在created中能拿到数据
*/ 
created(){
    console.log(this);
    debugger
}
}

</script>

<style>

</style>